<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<!--<link rel="stylesheet" type="text/css" href="../css/reset.css"/>-->
		<link rel="stylesheet" type="text/css" href="../css/style.css"/>
		<link rel="stylesheet" type="text/css" href="../css/header.css"/>
		<link rel="stylesheet" type="text/css" href="../css/myInformation.css"/>
		<script src="../js/flexible.debug.js" type="text/javascript" charset="utf-8"></script>
	</head>
	<body>
		<header class="header">
			<span class="span"><a href="mine.html"><img src="../img/fanhui.png"/></a></span>
			<span class="span">个人信息</span>
			<span class="span"><p>完成</p></span>
		</header>
		<main class="mains">
				<div class="article">
					 
					<span id="span_two">设置头像</span>
					<span id="span_one"><img src="../img/sculpture.png"/></span>
					<input id="file" style="display: none;" type="file" />
					
				</div>
				
				<ul>
					<li>
						<img src="../img/verification code.png"/>
						<section class="section">
							<span>修改昵称</span>
							<span><input type="text" name="" id="" value="" placeholder="monakeity" /></span>
						</section>
					</li>
					<li>
						<img src="../img/IP.png"/>
						<section class="section">
							<span>我的收货地址</span>
							<span class="shouhuidz"><img src="../img/progress.png"/></span>
						</section>
					</li>
					
					<li>
						<img src="../img/xiugaimm.png"/>
						<section class="section">
							<span>修改登录密码</span>
							<span class="xiugaideng"><img src="../img/progress.png"/></span>
						</section>
					</li>
					
				</ul>
			
		</main>
		<footer class="footer">
			<ul>
				<li class="shangcheng"><img src="../img/shangcheng.png"/><a href="#">商城</a></li>
				<li class="fenglei"><img src="../img/fenlei.png"/><a href="#">分类</a></li>
				<li class="gouwucheng"><img src="../img/gouwuche.png"/><a href="#">购物车</a></li>
				<li class="wode"><img src="../img/wode.png"/><a href="#">我的</a></li>
			</ul>
		</footer>
		<script src="../js/jquery-1.12.4.min.js"></script>
		<script type="text/javascript">
			$(function  ($) {
			$('.shouhuidz').click(function(){
                location.href="adimisterAddress.html";
            });
			$('.xiugaideng').click(function(){
                location.href="myodifyPassword.html";
            });
				
    		$('.shangcheng').click(function(){
				location.href="../index.html";
				
			});
			$('.fenglei').click(function(){
				location.href="classify02.html";
				
			});
			$('.gouwucheng').click(function(){
				location.href="shoppingCart.html";
				
			});
			$('.wode').click(function(){
				location.href="mine.html";
				
			});
			$('.span_three').click(function(){
				location.href="messageList.html";
				
			});
			})
		</script>
		
		<script>
			$.ajax({
				type:"get",
				url:"../infos.json",
				async:true,
				//dataType:"jsonp",
				success:function(data){
					
					$.each(data, function(i,n) {
					   img =	n.infos;
					});
					
					$("#span_one").append(img)
				}
			});
			
			
			$("#span_two").click(function(){
				
				
				return  $("#file").click()
			})
		</script>
	</body>
</html>
